
    <div class="f-nav-detail">
        <detail-nav></detail-nav>
    </div>
    <div class="companyBox">
        <div class="companyFlex" ng-hide="showWorkBody==4">
            <div class="CompanyInfoTop">
                <div class="ComLogCon">
                    <div class="ComLogo">
                        <img src="them/imag/noCompanyLogo.png" ng-src="{{companyInfo.logo}}" alt="公司logo"/>
                    </div>
                    <div class="ComInfo">
                        <h1 ng-bind="companyInfo.fullName"></h1>
                        <p class="ComIntro">
                            <a href="javascript:;" ng-bind="companyInfo.guildName"></a>
                            <a class="paddDis" href="javascript:;">丨</a>
                            <a href="javascript:;" ng-bind="companyInfo.fullAddress"></a>
                            <a class="paddDis" href="javascript:;">丨</a>
                            <a href="javascript:;" ng-bind="companyInfo.scaleName"></a>
                        </p>
                        <p class="ComInstro" ng-click="signAcc('comIndexCtrl.accountCtrl')">
                            	编辑简介
                        </p>
                    </div>
                </div>
                <div class="LovComNum">
                    <ul class="evaCoun">
                        <li>
                            评分
                        </li>
                        <li class="fensi">
                            粉丝
                        </li>
                    </ul>
                    <ul class="Coun">
                        <li class="num"  ng-bind="evaSc"></li>
                        <li class="dis">

                        </li>
                        <li class="num center"  ng-bind="companyInfo.followCount"></li>
                    </ul>
                </div>
            </div>
            <div class="CompanyTab">
                <ul ng-init="tab=1">
                  <li ng-click="changeView(item,$index)" ng-class="{'bgColor':bgColor==$index}" ng-repeat="item in tabCon track by $index" ng-bind="item.title"></li>
                </ul>
        </div>
    </div>
    <div class="CompanyBoxCon">
        <ui-view></ui-view>
    </div>

    <div  ng-include="'app/business/common/footer.html'"></div>


<style>
    .cursorCom{
        cursor: pointer;
    }
    .companyBox{
        width:100%;
        height:237px;
        background: #fff;
        border-bottom:2px solid #30a3ff;
    }
    .CompanyBoxCon{
        width:100%;
        overflow: hidden;
        background: #f2f2f2;
    }
    .companyFlex{
        width:1200px;
        height:100%;
        margin:0 auto;
        -webkit-animation:opa 1s;
        -o-animation:opa 1s;
        animation:opa 1s;
    }
    @keyframes opa {
        0% {
            opacity:0;
        }
        100% {
            opacity:1;
        }
    }
    @-ms-keyframes opa {
        0% {
            opacity:0;
        }
        100% {
            opacity:1;
        }
    }
    @-webkit-keyframes opa {
        0% {
            opacity:0;
        }
        100% {
            opacity:1;
        }
    }
    @-moz-keyframes opa {
        0% {
            opacity:0;
        }
        100% {
            opacity:1;
        }
    }
    @-o-keyframes opa {
        0% {
            opacity:0;
        }
        100% {
            opacity:1;
        }
    }
    .CompanyInfoTop{
        height:151px;
        width:100%;
        padding-top:20px;
    }
    .ComLogCon{
        height:100%;
        float: left;
    }
    .ComLogo,.ComLogo img{
        width:152px;
        height:100%;
        float: left;
   		border-radius: 50%;
    }
    .ComLogCon .ComInfo{
        margin-top:25px;
        float: right;
        height:100%;
        margin-left:36px;
    }
    .ComLogCon .ComInfo h1 {
        font-size:22px;
        margin-bottom:13px;
    }
    .ComLogCon .ComInfo p a {
        font-size:14px;
    }
    .ComLogCon .ComInfo p.ComIntro a.paddDis{
        padding-left:33px;
        padding-right:33px;
    }
    .ComLogCon .ComInfo p.ComInstro{
        width:90px;
        height:30px;
        background: #eee;
        margin-top:20px;
        text-align: center;
        line-height:30px;
        color: #929292;
        cursor:pointer;
    }
    .LovComNum{
        width:126px;
        height:100%;
        float: right;
        margin-top:25px;
    }
    .LovComNum .evaCoun{
        height:23px;
    }
    .LovComNum .evaCoun li{
        float: left;
        width:57px;
        font-size:16px;
    }
    .LovComNum .Coun li.fensi,.LovComNum .evaCoun li.fensi{
        text-align: right;
    }
    .LovComNum .Coun{
        margin-top:20px;
    }
    .LovComNum .Coun li{
        float: left;
        font-size:24px;
    }
    .LovComNum .Coun li.dis{
        height:39px;
        border:1px solid #000;
    }
    .LovComNum .Coun li.num {
        width: 51px;
	    margin-top: 15px;
	    padding-left: 6px;
    }
    .LovComNum .Coun li.center{
        text-align: center;
        margin-left:7px;
    }
    .CompanyTab {
        height:48px;
        width:100%;
        margin-top:20px;
    }
    .CompanyTab ul li {
        float: left;
        font-size:16px;
        height:48px;
        line-height:48px;
        padding-left:18px;
        padding-right:18px;
        cursor: pointer;
    }
    .CompanyTab ul li.bgColor{
        background: #30a3ff;
        color: #fff;
    }
    .companyCon{
        padding-top:50px;
    }
    .companyInfo{
        height:410px;
        width:780px;
        float: left;
    }
    .CompanyProfile {
        width:778px;
        height:238px;
        border:1px solid #ddd;
        background: #fff;
        overflow: hidden;
    }
    .CompanyProfile .table{
        width:731px;
        height:207px;
        margin:0 auto;
        margin-top:22px;
    }
    .CompanyProfile .table h1{
        font-size:16px;
        height:26px;
        width:100%;
        margin-bottom:22px;
    }
    .CompanyProfile .tabCon{
        width:100%;
        height:143px;
        border:1px solid #ddd;
        border-bottom:none;
    }
    .CompanyProfile .table ul {
        width:100%;
        height:35px;
        border-bottom:1px solid #ddd;
    }
    .CompanyProfile .table ul li{
        float: left;
        width:160px;
        text-align: center;
        line-height:36px;
        height:100%;
        font-size:14px;
    }
    .CompanyProfile .table ul li.yesterDay{
        width:91px;
    }
    .CompanyProfile .table ul.first{
        background: #f5f5f5;
    }
    .companyMoney{
        width:778px;
        height:148px;
        margin-top:20px;
        padding-bottom:40px;
        border:1px solid #ddd;
    }
    .companyMoneyLeft,.companyMoneyRight{
        width:378px;
        height:100%;
        border:1px solid #ddd;
        background: #fff;
    }
    .companyMoneyLeft{
        float: left;
    }
    .companyMoneyRight{
        float: right;
    }
    .companyMoneyRight dl,.companyMoney dl{
        width:251px;
        height:82px;
        margin:30px 0 0 26px;
    }
    .companyMoneyRight dl dt,.companyMoney dl dt {
        float: left;
        width:91px;
        height:100%;
    }
    .companyMoney dl dt img{
        width:62px;
        vertical-align: middle;
        height:100%;
    }
    .companyMoneyRight dl dt{
        margin-top:14px;
    }
    .companyMoneyRight dl dt img{
        height:62px;
    }
    .companyMoney dl dd{
        padding-top:24px;
    }
    .companyMoneyRight dl dd{
        padding-top:10px;
    }
    .companyMoneyRight dl dd span{
        color: #30a3ff;
    }
    .companyMoney dl dd p{
        font-size:14px;
    }
    .companyMoney dl dd p.companyAccount{
        font-size:16px;
        margin-bottom:12px;
        font-weight:bold;
        cursor: pointer;
    }
    .companyMoney dl dd p.balance span{
        color: #fe0100;
    }
    .companyRecruit{
        margin-bottom:40px;
        width:398px;
        float: right;
        height:408px;
        background: #fff;
        border:1px solid #ddd;
    }
    .companyRecruit .RIghtCon{
        width:343px;
        height:317px;
        margin:43px 0 0 26px;
    }
    .companyRecruit .RIghtCon .tell{
        margin-top:37px;
    }
    .companyRecruit .RIghtCon .tell p{
        margin-bottom:14px;
        font-size:16px;
        font-weight:bold;
    }
    .companyRecruit .bgBorer{
        height:149px;
        border-bottom:1px dashed #eee;
    }
    .companyRecruit .RIghtCon ul{
        width:100%;
        height:27px;
        margin-bottom:21px;
    }
    .companyRecruit .RIghtCon ul.first{
        height:60px;
    }
    .companyRecruit .RIghtCon ul.two{
        margin-top:27px;
    }
    .companyRecruit .RIghtCon ul li {
        float: left;
        text-align: center;
        line-height:26px;
        font-size:14px;
    }
    .companyRecruit .RIghtCon ul li span.fontColor{
        color: #30a3ff;
    }
    .companyRecruit .RIghtCon ul li span.fontColor2{
        color: #ff0000;
    }
    .companyRecruit .RIghtCon ul li.bgWork{
        height:25px;
        width:80px;
        font-size:14px;
        background: #fe8a23;
        color: #fff;
        cursor: pointer;
    }
    .companyRecruit .RIghtCon ul.first li{
        line-height:60px;
        font-size:16px;
        font-weight:bold;
    }
    .companyRecruit .RIghtCon ul li.rigthPa{
        margin-right:30px;
    }
</style>